{% extends "base.html" %}
    {% block custom_style %}
    	<link href="/static/css/index.css" rel="stylesheet">
    {% endblock %}
    {% block content %}
    	<div class="jumbotron" style="background-color:#3498db">
      		<div class="container" style="color:#ffffff">
	        	<div class="row">
					<div class="col-md-8">
						<h1 class="sans">{{ FirstName }}'s Medical Records</h1>
					</div>

				</div>
    		</div>
    	</div>
    	<div class="container">
    		<div class="row">
    			<div class="col-md-3">
		    		<ul class="nav nav-pills nav-stacked sans">
						<li class="active"><a href="/profile">Recent Activity</a></li>
						<li><a style="color:#428bca" href="/profile/records">View Medical Records</a></li>
						<li><a style="color:#428bca" href="/profile/edit">Edit Profile</a></li>
					</ul>
				</div>
				<div class="col-md-9">
					<h2 style="margin-top:0px;" class="sans">Records</h2>
					<div class="panel panel-default">
						<div class="panel-body">
							<i class="icon-file-text" style="margin-right:10px;"></i>
							<span>{{ UserName }}</span>
							<p>
							<span>Diagnosis: {{ Diagnosis }}</span>
							<p>
							<span>Height: {{ Height }}</span>
							<p>
							<span>Weight: {{ Weight }} lbs</span>
							<p>
							<span>Last Visit: {{ LastVisit }}</span>
							<p>
					</div>
				</div>

				<div class="col-md-9">
					<h2 style="margin-top:0px;" class="sans">Prescriptions</h2>
					<div class="panel panel-default">
						<div class="panel-body">
							<i class="icon-file-text" style="margin-right:10px;"></i>
							<span>Medication: {{ Med }}</span>
							<p>
							<span>Refills: {{ MedRefills }}</span>
							<p>
							<span>Prescription Date: {{ MedPreDate }}</span>
							<p>
							<span>Expiration Date: {{ MedExpDate }}</span>
					</div>
				</div>

				<div class="col-md-9">
					<h2 style="margin-top:0px;" class="sans">Primary Doctor</h2>
					<div class="panel panel-default">
						<div class="panel-body">
							<i class="icon-eye-open" style="margin-right:10px;"></i>
							<span>{{ PrimaryDoctor }}</span>
						</div>
					</div>
				</div>

				<div class="col-md-9">
					
					<h2 style="margin-top:0px;" class="sans">Upcoming Appointments</h2>
					<div class="panel panel-default">
						<div class="panel-body">
							<i class="icon-eye-open" style="margin-right:10px;"></i>
							<span>Date: {{ AppDate }}</span>
							<p>
							<span>Reason: {{ AppReason }}</span>
							<p>
							<span>Notes: {{ AppNotes }}</span>
						</div>
					</div>
				</div>
			</div>
    	</div>
    {% endblock %}
    {% block custom_scripts %}{% endblock %}
